@charset 'UTF-8';

*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
.web {
    text-decoration: none;
    list-style: none;
    header {
        display: flex;
        align-items: center;
        .logoBox {
            width: 2.81vw;
            height: 1.72vw;
            overflow: hidden;
            margin: 0.73vw 20.63vw;
            img {
                width: 100%;
            }
        }
        nav {
            width: 38vw;
            height: 0.83vw;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            .navitem {
                a {
                    width: 3.5vw;
                    height: 0.83vw;
                    font-family: PingFang-SC-Regular;
                    font-size: 0.84vw;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 0.63vw;
                    letter-spacing: 0vw;
                    color: black;
                    text-decoration: none;
                }
            }
        }
    }
    footer {
        width: 100vw;
        height: 18vw;
        background-color: #202020;
        box-shadow: 0vw -0.16vw 0.52vw 0vw rgba(179, 179, 179, 0.56);

        .bottom-nav {
            display: flex;
            align-items: center;
            width: 64vw;
            height: 10vw;
            justify-content: space-between;
            flex-wrap: nowrap;
            padding-left: 18.96vw;
            padding-top: 2.55vw;

            .bot-nav-layleft {
                width: 41vw;
                height: 10vw;
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: space-between;

                .bot-nav-layl-item {
                    width: 3.39vw;
                    height: 9.48vw;
                    .itemtop {
                        margin-bottom: 1.5vw;
                        p {
                            width: 4vw;
                            height: 0.83vw;
                            font-family: PingFang-SC-Regular;
                            font-size: 0.83vw;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 0.63vw;
                            letter-spacing: 0vw;
                            color: #e6e6e6;
                        }
                    }
                    .itembottom {
                        width: 4.5vw;
                        height: 6.41vw;
                        .itembottomlay1 {
                            width: 4vw;
                            margin-bottom: 1.35vw;
                            p {
                                width: 3.5vw;
                                height: 0.73vw;
                                font-family: PingFang-SC-Regular;
                                font-size: 0.73vw;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 0.63vw;
                                letter-spacing: 0vw;
                                color: #999999;
                            }
                        }
                    }
                }
            }
            .bot-nav-layright {
                width: 17.55vw;
                height: 8.91vw;
                border-left: 1px dashed white;

                .navlay1 {
                    width: 3.5vw;
                    height: 0.83vw;
                    margin-left: 1.41vw;
                    margin-bottom: 1.5vw;
                    p {
                        width: 3.4vw;
                        height: 0.83vw;
                        font-family: PingFang-SC-Regular;
                        font-size: 0.83vw;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 0.63vw;
                        letter-spacing: 0vw;
                        color: #e6e6e6;
                    }
                }
                .navlay2 {
                    width: 17vw;
                    height: 6.41vw;
                    margin-left: 1.82vw;
                    .navlay2-item {
                        display: flex;
                        margin-bottom: 1vw;
                        align-items: center;
                        .navlay2-item-left {
                            width: 1.35vw;
                            height: 1.35vw;
                            margin-right: 1vw;
                            img {
                                width: 100%;
                            }
                        }
                        .navlay2-item-right {
                            p {
                                width: 14vw;
                                height: 0.89vw;
                                font-family: MicrosoftYaHei;
                                font-size: 0.83vw;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 0.63vw;
                                letter-spacing: 0vw;
                                color: #cccccc;
                            }
                        }
                    }
                }
            }
        }
        .beian {
            display: flex;
            width: 100vw;
            height: 2.98vw;
            border-top: 1px solid white;
            margin-top: 1.5vw;
            align-items: center;
            .beian-left {
                margin-left: 18.91vw;
                margin-top: 0.94vw;
                p {
                    width: 55vw;
                    height: 0.68vw;
                    font-family: MicrosoftYaHei;
                    font-size: 0.63vw;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 0.63vw;
                    letter-spacing: 0vw;
                    color: #999999;
                }
            }
            .beian-right {
                display: flex;
                margin-top: 1vw;
                align-items: center;
                .beian-right-left {
                    margin-top: 1vw;
                    p {
                        width: 4vw;
                        height: 0.73vw;
                        font-family: PingFang-SC-Regular;
                        font-size: 0.73vw;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 0.63vw;
                        letter-spacing: 0vw;
                        color: #999999;
                    }
                }
                .beian-right-right {
                    width: 8vw;
                    height: 1.41vw;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .itemlogo {
                        width: 1.3vw;
                        height: 1vw;
                        overflow: hidden;
                        border: 1px solid white;
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
   
}
